﻿<p style="margin-bottom: 15px; padding: 5px 3px; border-left: 18px solid green; border: 1px solid green;
    text-align: center;font-weight:bold;color:Green;">
    Thông báo</p>
<div id="notificationBox">
    <ul class="menu">
        <li id="friendNotifications" class="active">Bạn bè</li>
        <li id="courseNotifications" class="" style="margin: 0 2px -1px 2px;">Lớp học</li>
        <li id="otherNotifications" class="" style="float: right; width: 38px;">Khác</li>
    </ul>
    <div style="clear: both;">
    </div>
    <div class="content friendNotifications" style="display:block;">
        <div class="vscrollbar">
            <div class="scrollbar">
                <div class="track">
                    <div class="thumb">
                        <div class="end">
                        </div>
                    </div>
                </div>
            </div>
            <div class="viewport">
                <div class="overview">
                    @Html.Action("FriendNotificationBox", "Notification")
                </div>
            </div>
        </div>
        <div style="height:21px;">
         <a href="/Notification/AllNotification/friend" style="display:block;height:100%; font-weight:bold;background-color:#efefef; margin:1px;padding-top:4px; text-align:center;">Xem hết</a>
         </div>
    </div>
    <div class="content courseNotifications" style="display: block;">
        <div class="vscrollbar">
            <div class="scrollbar">
                <div class="track">
                    <div class="thumb">
                        <div class="end">
                        </div>
                    </div>
                </div>
            </div>
            <div class="viewport">
                <div class="overview">
                    @Html.Action("CourseNotificationBox", "Notification", new { skip = 0, take = 10 })
                </div>
            </div>
        </div>
        <div style="height:21px;">
         <a href="/Notification/AllNotification/course" style="display:block;height:100%; font-weight:bold;background-color:#efefef; margin:1px;padding-top:4px;text-align:center;">Xem hết</a>
         </div>
    </div>
    <div class="content otherNotifications" style="display: block;">
        <div class="vscrollbar">
            <div class="scrollbar">
                <div class="track">
                    <div class="thumb">
                        <div class="end">
                        </div>
                    </div>
                </div>
            </div>
            <div class="viewport">
                <div class="overview">
                    @Html.Action("OtherNotificationBox", "Notification", new { skip = 0, take = 10 })
                </div>
            </div>
        </div>
        <div style="height:21px;">
         <a href="/Notification/AllNotification/other" style="display:block;height:100%; font-weight:bold;background-color:#efefef; margin:1px;;padding-top:4px;text-align:center;">Xem hết</a>
         </div>
    </div>
</div>
